<template>
  <div id="app">
    <mt-header title="Cy Music">
      <router-link to="/user" slot="right">
        <mt-button icon="more"></mt-button>
      </router-link>
    </mt-header>
    <tab></tab>
    <router-view></router-view>
  </div>
</template>

<script>
  import Tab from '@/components/tab'
export default {
  name: 'app',
  components:{
      Tab
  }
}
</script>

<style>
  body{
    margin: 0;
    padding: 0;
  }
#app {
  font-family: PingFang SC,STHeitiSC-Light,Helvetica-Light,arial,sans-serif;
  -moz-osx-font-smoothing: grayscale;
  background: #000000;
}
  .mint-header{
    background: #000000;
    color: #31c27c;
  }
</style>
